<template>
    <div>
        <van-area title="标题" :area-list="areaList" @confirm="showArea"/>
    </div>
</template>

<script>
    /*  const areaList = {
          province_list: {
              110000: '北京市',
              120000: '天津市',
          },
          city_list: {
              110100: '北京市',
              120100: '天津市',
          },
          county_list: {
              110101: '东城区',
              110102: '西城区',
              // ....
          },
      };
     */
    // 从全国省市区数据包中提取的数据，命名为areaList
    import {areaList} from "@vant/area-data"

    export default {
        data() {
            return {areaList}
        },
        methods: {
            showArea(area) {
                console.log(area);
            }
        }
    }
</script>
